<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>样式表的三种引入方式</title>
    <!--内部样式表
    <style>
       /*这里写样式表的内容*/
    </style>
    -->
    <!--外部样式表-->
    <!--
    <link type="text/css" rel="stylesheet" href="css/style.css"/>
    -->
    <style>
        /*使用import指令来导入外部样式表*/
        @import url('css/style.css');
    </style>

</head>
<body>
<h1>三种样式表的引入方式</h1>
<hr>
<h3>静夜思</h3>
<p class="poet1"  style="color:green;">
    床前明月光<br>
    疑是地上霜<br>
    举头望明月<br>
    我是郭德纲<br>
</p>

<h3>登鹳雀楼</h3>
<p class="poet2">
    白日依山尽<br>
    黄河入海流<br>
    欲穷千里目<br>
    更上一层楼<br>
</p>
<br>
<img src="http://img.simoniu.com/CSS%E7%AE%80%E4%BB%8B02.jpg"/>&nbsp;
<img src="http://img.simoniu.com/html5%E7%AE%80%E4%BB%8B001.jpg"/>&nbsp;
<img src="http://img.simoniu.com/java_logo3.jpg"/>&nbsp;
<ul>
    <li>北京</li>
    <li id="shanghai">上海</li>
    <li class="city">广州</li>
    <li class="city" id="shenzhen">深圳</li>
</ul>
<p>P标签<b>HTML</b>段落样式</p>
<a href="https://www.taobao.com" target="_blank">淘宝网</a>
</body>
</html>